{% extends "base.html" %}

{% block title %} {{ seans.tytul }} {% endblock %}

{% block head %}
{% if miejsca %}
<script type="text/javascript">
	function rezerwuj(id_miejsca){
		typ = document.getElementById('typ')
		window.location = "/KinoRezerwacja/rezerwujMiejsce/"+id_miejsca+'/'+typ.options[typ.selectedIndex].value+'/'
	}
</script>
{% endif %}
{% endblock %}

{% block content %}
<div>
	<h1><a href="../../film/{{seans.id_filmu}}/">{{ seans.tytul }}</a></h1>
<h3> Opis: {{ seans.opis_filmu }} </h3>
<h3> Czas trwania: {{ seans.czas_trwania }} </h3>
</div>
<div>
	<h3>Sala: {{ seans.opis_sali }}</h3>
	<h3>Rozpoczęcie seansu: {{seans.rozpoczecie}}</h3>
	<h3>Adres: {{ seans.adres }}</h3>
</div>
{% if miejsca %}
Typ biletu:<select name="typ_biletu" id="typ">
	{% for typ in bilety %}
	<option value="{{typ.id_typu_biletu}}">{{typ.opis}}</option>
	{% endfor %}
</select>
<div>
	{% for rzad in miejsca %}
	<table><tr>
			<td><div class="rzad"><b>{{ rzad.0 }}</b></div><td>
		{% for miejsce in rzad.1 %}
			<td>
			{% if miejsce.id_klienta == user_id  %}
				{% if miejsce.stan == 'zarezerwowany' %}
				<a href="/KinoRezerwacja/usunRezerwacje/{{ miejsce.id_rezerwacji }}/">
					<div class="twojeMiejsce">{{miejsce.miejsce}}</div>
				</a>
				{% else %}{% if miejsce.stan == 'niedostepny' %}
					<div class="twojeNiedostepneMiejsce">{{miejsce.miejsce}}</div>
					{% else %}
					<div class="twojeKupioneMiejsce">{{miejsce.miejsce}}</div>
					{% endif %}
				{% endif %}
			{% else %} 
				{% if miejsce.stan == 'wolny' %} <a href="javascript:rezerwuj({{ miejsce.id_instancji_miejsca }})"><div class="wolneMiejsce">{{miejsce.miejsce}}</div></a> 
				{% else %}<div class="zajeteMiejsce">{{miejsce.miejsce}}</div>
				{% endif %}	
			{% endif %}
			</td>
		{% endfor %}
	</tr></table></br>
	{% endfor %}
</div>
<div>
	<h3>Legenda:</h3>
	<table>
		<tr><th>Wolne miejsce:</th><td><div class="wolneMiejsce">17</div></td></tr>
		<tr><th>Zajęte miejsce:</th><td><div class="zajeteMiejsce">17</div></td></tr>
		<tr><th>Twoje miejsce (zarezerwowane):</th><td><div class="twojeMiejsce">17</div></td></tr>
		<tr><th>Twoje miejsce (kupione):</th><td><div class="twojeKupioneMiejsce">17</div></td></tr>
		<tr><th>Twoje miejsce (awaria):</th><td><div class="twojeNiedostepneMiejsce">17</div></td></tr>
	</table>
{% else %}
<a href="/KinoRezerwacja/rezerwacjaSeans/{{ seans.id_seansu }}/">Rezerwuj bilet</a>
{% endif %}

{% endblock %}
